
<!DOCTYPE html>
<html lang="en" xmlns:th="http://thymeleaf.org">
<head>
    <th:block th:include="include :: header('菜单')"/>
</head>
<body class="gray-bg">
<div class="container-div">
   <div class="ibox">
       <div class="ibox-content">
           <form id="form">
               <input type="hidden" id="id" name="id"/>
           </form>
       </div>
   </div>
    <div class="row">
        <div class="col-sm-12 search-collapse">
            <form id="menu-form">
                <div class="select-list">
                    <ul>
                        <li>
                            菜单名称：<input type="text" name="menu_name"/>
                        </li>
                        <li>
                            <a class="btn btn-primary btn-rounded btn-sm" onclick=""><i class="fa fa-search"></i>&nbsp;搜索</a>
                            <a class="btn btn-warning btn-rounded btn-sm" onclick=""><i class="fa fa-refresh"></i>&nbsp;重置</a>
                        </li>
                    </ul>
                </div>
            </form>
        </div>

        <div class="btn-group-sm" role="group" id="toolbar">
            <a class="btn btn-success" onclick="add();">
                <i class="fa fa-plus"></i> 新增
            </a>
            <a class="btn btn-info"  onclick="expandAll();">
                <i class="fa fa-exchange"></i> 展开/折叠
            </a>
        </div>
        <div class="col-sm-12 select-table table-striped">
            <table id="dataTable"></table>
        </div>
    </div>
</div>

<th:block th:include="include :: footer"/>
<!-- jquery-validate 表单树插件 -->
<script type="text/javascript" th:inline="javascript">
    var $table;
    $(function () {
        loadModel();
    });
       function loadModel(){
           var id=$('#id').val();
           if(jutils.empty(id)){
               return;
           }
           jutils.ajaxGet('/admin/sysmenu/getmodel',{id:id},function(res){
                  console.log(res);
           });
       }

</script>
</body>
</html>